<%-- 
    Document   : details
    Created on : 19 juin 2012, 02:07:24
    Author     : Michael
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="../css/style.css" />
        <script type="text/javascript" src="../javascript/serveur/serveur.js"></script>
        <link rel="stylesheet" type="text/css" href="../javascript/jquery/css/ui-lightness/jquery-ui-1.8.19.custom.css" />
        <script type="text/javascript" src="../javascript/jquery/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="../javascript/jquery/js/jquery-ui-1.8.19.custom.min.js"></script>
        <title>YouFood</title>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <%@include file="template/header.jsp" %>
            </div>
            <div id="center-layout">
                <div id="content">
                    <span id="sp1"></span>
                    <h2>Détails de la commande n°<c:out value="${currentCommande.id_commande}"/></h2>
                    <table cellpadding="10">
                        <caption>Commande</caption>
                        <tr>
                            <th>N°</th>
                            <th align="center">Libelle</th>
                            <th>Table</th>
                        </tr>
                        <tr>
                            <td><c:out value="${currentCommande.id_commande}"/></td>
                            <td><c:out value="${currentCommande.libelle}"/></td>
                            <td><c:out value="${currentCommande.tableResto.nom}"/></td>
                        </tr>
                    </table>
                    <br>
                    <table cellpadding="10">
                        <caption>Menus</caption>
                        <tr>
                            <th>Description</th>
                            <th>Prix</th>
                            <th>Produits</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                        </tr>
                        <c:forEach items="${currentCommande.list_menus}" var="commande_menu">
                            <c:if test="${commande_menu.etat eq 0}">
                            <tr style="background-color: #FF0000;">
                                <td><c:out value="${commande_menu.menu.nom}"/></td>
                                <td><c:out value="${commande_menu.menu.prix}"/></td>
                                <td>
                                    <c:forEach items="${commande_menu.menu.produits}" var="produit">
                                        <p><c:out value="${produit.libelle} ${produit.prixHT}"/> &euro;</p>
                                    </c:forEach>
                                </td>
                            </tr>
                            </c:if>
                            <c:if test="${commande_menu.etat eq 1}">
                            <tr style="background-color: #FF8830;">
                                <td><c:out value="${commande_menu.menu.nom}"/></td>
                                <td><c:out value="${commande_menu.menu.prix}"/></td>
                                <td>
                                    <c:forEach items="${commande_menu.menu.produits}" var="produit">
                                        <p><c:out value="${produit.libelle} ${produit.prixHT}"/> &euro;</p>
                                    </c:forEach>
                                </td>
                            </tr>
                            </c:if>
                            <c:if test="${commande_menu.etat eq 2}">
                            <tr style="background-color: #853894;">
                                <td><c:out value="${commande_menu.menu.nom}"/></td>
                                <td><c:out value="${commande_menu.menu.prix}"/></td>
                                <td>
                                    <c:forEach items="${commande_menu.menu.produits}" var="produit">
                                        <p><c:out value="${produit.libelle} ${produit.prixHT}"/> &euro;</p>
                                    </c:forEach>
                                </td>
                                <td><input type="button" id="btn_servir" value="servir" onclick="servirM(this)"/></td>
                                <td style="display: none;">
                                    <c:out value="${commande_menu.id_commande_menu}"/>
                                </td>
                            </tr>
                            </c:if>
                            <c:if test="${commande_menu.etat eq 3}">
                            <tr style="background-color: #84D41D;">
                                <td><c:out value="${commande_menu.menu.nom}"/></td>
                                <td><c:out value="${commande_menu.menu.prix}"/></td>
                                <td>
                                    <c:forEach items="${commande_menu.menu.produits}" var="produit">
                                        <p><c:out value="${produit.libelle} ${produit.prixHT}"/> &euro;</p>
                                    </c:forEach>
                                </td>
                                <td><input type="button" class="choose-action" id="serviM" value="servi !" /></td>
                                <td style="display: none;">
                                    <c:out value="${commande_menu.id_commande_menu}"/>
                                </td>
                            </tr>
                            </c:if>
                        </c:forEach>
                    </table>
                    <br>
                    <table cellpadding="10">
                        <caption>Produits</caption>
                        <tr>
                            <th>Libelle</th>
                            <th>Prix</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                        </tr>
                        <c:forEach items="${currentCommande.list_produits}" var="commande_produit">
                            <c:if test="${commande_produit.etat eq 0}">
                                <tr style="background-color: #FF0000;">
                                    <td><c:out value="${commande_produit.produit.libelle}"/></td>
                                    <td><c:out value="${commande_produit.produit.prix}"/></td>
                                </tr>
                            </c:if>
                            <c:if test="${commande_produit.etat eq 1}">
                                <tr style="background-color: #FF8830;">
                                    <td><c:out value="${commande_produit.produit.libelle}"/></td>
                                    <td><c:out value="${commande_produit.produit.prix}"/></td>
                                </tr>
                            </c:if>
                            <c:if test="${commande_produit.etat eq 2}">
                                <tr style="background-color: #853894;">
                                    <td><c:out value="${commande_produit.produit.libelle}"/></td>
                                    <td><c:out value="${commande_produit.produit.prixHT}"/></td>
                                    <td><input type="button" value="servir" onclick="servirP(this)"/></td>
                                    <td style="display: none;">
                                        <c:out value="${commande_produit.id_commande_produit}"/>
                                    </td>
                                </tr>
                            </c:if>
                            <c:if test="${commande_produit.etat eq 3}">
                                <tr style="background-color: #84D41D;">
                                    <td><c:out value="${commande_produit.produit.libelle}"/></td>
                                    <td><c:out value="${commande_produit.produit.prix}"/></td>
                                    <td><input type="button" value="servi !" /></td>
                                    <td style="display: none;">
                                        <c:out value="${commande_produit.id_commande_produit}"/>
                                    </td>
                                </tr>
                            </c:if>    
                        </c:forEach>
                    </table>
                    <br>
                    <c:if test="${etatM eq 3 and etatP eq 3}">
                        <div align="center">
                            <button type="button" id="btn_payer" value="Payer">Payer</button>
                        </div>
                    </c:if>
                </div>
            </div>
            <div id="right-layout">

            </div>
            <div id="left-layout">
                <%@include file="template/left-layout.jsp" %>
            </div>
        </div>
        <script type="text/javascript">
            $(function() {
               $("#btn_payer").button({
                   icons: {
                       primary : "ui-icon-clipboard"
                   }
               }); 
            });
        </script>
    </body>
</html>
